// 项目的入口文件 在index.html 中加载该文件
// 导入自定义的CSS样式文件，用于应用全局样式
// import './assets/main.css'

// 从'vue'库中导入createApp函数，这是Vue3中创建应用的方式
import { createApp } from 'vue'
// 导入Vue组件App，这是应用的根组件
import App from './App.vue'

// 导入App组件，该组件定义了Vue的响应式数据reactive 
// import App from './21-综合案例-水果商城.vue'

// 1.创建组件
// 2.导入组件
import HmButton from './components/HmButton.vue'

// 创建Vue应用，并将其挂载到页面的指定DOM元素上
// 这是启动Vue应用的典型方式 
// 根组件
// createApp(App).mount('#app')
// 创建 Vue 的应用实例，参数App 是根组件，用于初始化应用
const app = createApp(App)
// 3.注册全局组件，app.component() 需书写在app.mount() 挂载前面, 注册全局组件
app.component('HmButton',HmButton)
app.mount('#app')